<template>
	<div class="card-price">
		<p>黑钻保养卡</p>
		<div class="price">
			<p>¥ 298.00</p>
			<span>已省￥98</span>
		</div>
	</div>
		
</template>

<script type="text/javascript">
import Vue from 'vue';

export default {
	  methods: {
	  	
	  }
}
	

</script>


<style lang="scss">
	@import "../../assets/css/_functions.scss";	
	@import "../../assets/css/_variables.scss";	
	
	.card-price{
		background:#ffffff;
		width:rem(375);
		height:rem(79);
		border-top: 1px solid #c8c7cc;
		>p{
			margin-left: rem(15);
			margin-top: rem(12);
			line-height: rem(19);
			font-size: rem(14);
			color: #333333;
		}
		>.price{
			margin-left: rem(15);
			margin-top: rem(12);
			display: flex;
			justify-content: flex-start; 
			>p{
				font-size:16px;
				color:#ff0000;
				letter-spacing:0px;
				text-align:left;
				font-size: rem(16);
			}
			>span{
				background:#ffffff;
				border-radius:rem(4);
				width:rem(53);
				height:rem(14);
				color:#ff6600;
				margin-top: rem(4);
				border:rem(1) solid #ff6600;
				text-align: center;
				line-height: rem(16);
				margin-left: rem(10);
			}
		}
	}
</style>